import React from 'react';
import Avatar from './AvatarDropdown';
import styles from './index.less';
import Global from '@/global';

export interface GlobalHeaderRightProps {
}

const GlobalHeaderRight: React.SFC<GlobalHeaderRightProps> = (props) => {
  const proSettings = Global.getDefaultSettings();
  const theme = proSettings.navTheme;
  const layout = proSettings.layout;
  let className = styles.right;

  if (theme === 'dark' && layout === 'top') {
    className = `${styles.right}  ${styles.dark}`;
  }

  return (
    <div className={className}>
      <Avatar />
    </div>
  );
};

export default GlobalHeaderRight;
